import { PageContainer, StatisticCard } from '@ant-design/pro-components';
import { useModel } from '@umijs/max';
import { Typography } from 'antd';
import { useState } from 'react';

const HomePage: React.FC = () => {
    const { name } = useModel('global');
    const [responsive, setResponsive] = useState(false);

    return (
        <PageContainer ghost breadcrumbRender={false}>
            <StatisticCard.Group>
                <StatisticCard
                    statistic={{
                        title: '文章',
                        value: 11,
                    }}
                />
                <StatisticCard.Divider type={'vertical'} />
                <StatisticCard
                    statistic={{
                        title: '已发布',
                        value: 11,
                    }}
                />
                <StatisticCard
                    statistic={{
                        title: '待发布',
                        value: 11,
                    }}
                />
            </StatisticCard.Group>
            <Typography.Link href='/cms' target='_blank'>网站</Typography.Link>
        </PageContainer>
    );
};

export default HomePage;
